<template>
	<view>
		<view class="CusTop">
			<Top :fa-msg="msg"></Top>
		</view>
		<ul class="custextULER">
			<li v-for="item in cai" :key="item.id" class="acli">
				<view class="yu">
					
				</view>
				<p>{{item.name}}</p>
			</li>
		</ul>
	</view>
</template>

<script>
import Top from "../components/Top/Top.vue"
	export default {
		data() {
			return {
				msg:"财务管理",
				cai:[
					{
						id:0,
						name:"回款计划"
					},		{
						id:1,
						name:"回款管理"
					},		{
						id:2,
						name:"退款管理"
					},		{
						id:3,
						name:"发票管理"
					},		{
						id:4,
						name:"费用管理"
					},		{
						id:5,
						name:"报销管理"
					},
					
				]
			}
		},
		methods: {
			
		},
		components:{
			Top
		}
	}
</script>

<style lang="scss">
	.CusTop{
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		border-bottom: 1px solid #eee;
	}
	.custextULER{
		display: flex;
		padding: 0 40rpx;
		margin-top: 200rpx;
		flex-wrap: wrap;
		.acli{
			width: 25%;
			display: flex;
			align-items: center;
			flex-direction: column;
			margin-bottom: 40rpx;
			.yu{
				width: 70%;
				height: 120rpx;
				border-radius: 50%;
				background-color: #eee;
				margin-bottom: 10rpx;
			}
		}
	}
</style>
